* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}
body {font:0.8em/1.5 "arial",sans-serif;}
.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}
.relative {position:relative;}
.clear {clear:both;}
/* page dimension */
#header_dimesion
{
	position:relative;
	width:100%;
	top: 0px;
	height:100px;
	margin:0 auto; 
	text-align:left;
}
/* header & menu is located inside header_dimension*/
#header
{
	position:absolute;
	top:0px;
	height:0px;
}
#feature_story_dimension
{
	position:relative;
	margin: auto;
	width: 80%;
	border:1px solid black;
}
#feature_story_name
{
	text-align: center;
}

#content_dimension
{
	position:relative;
	width: 80%;
	margin:10px auto;
/*border:1px solid #175966;*/
}
.reading_dimension
{
	position:relative;
	width: 100%;
	margin:auto;
}
.score {font-size:+1.2em; font-weight: bold; text-align: center; vertical-alignment: middle;}
.error { background-color: blue; color: white; padding: 3px}
/* set thing in header position*/
#header
{
	padding: 0.5em 2em 1.5em 4em;
}


#header h1
{
    font-size: 2.0em;
}

#header h1
{
    display: block;
    width: 100%;
    margin:  0px 0px 0px 0px;
}

#header h1 a
{
    color: #DF0101;
    text-decoration: none;
}

#user
{
	position: relative;
	top:50px;
	bottom: 0px;
	left:900px;
	color: #000000;
	font-size: 1.0em;
}

/* Menu */
#menu
{
	width:70%;
	height:30px;
	border: 1px solid black;
}
#menu
{
	background: ;
}

#menu ul
{
    display: block;
    width: 100%;
    list-style: none;
    padding: 5px 0.75em 0.25em 0.75em;
}

#menu li
{
    display: inline;
}

#menu li a
{
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    padding: 10.25em 2.75em 20px 2.75em;
}

#menu li a:hover
{
/*background: white url('/{{=request.application}}/static/civilized/a4.gif') top left repeat-x;*/
/*	background: #AEB404 ;*/
	color: #5E610B;
}


/* new hot score line */
#newhotscore
{
color:#B40404;
border-bottom:1px #3B240B;
text-align:left;
}
/* story */
#writer_name
{
color:#5E610B;
font-style:normal;
}
#foreword
{
color:black;
font-family:"Comic Sans";
}
#story
{
margin:auto;
width:710px;
text-align:center;
background:url('/welcome/static/oldpaper1.jpg');
}
#entry
{
width:80%;
text-align:left;
border: 1px solid black;
margin:auto;

}
/* font*/
#user
{
font-family:"arial";
font-size:1em;
}
#menu
{
font-family:"arial";
}
.article 
{
/*background: #BDBDBD;*/
font-family:"Times New Roman";
font-size:+2em;
}
.article a
{
color:#B4045F;
}

#entry
{
font-family:"Times New Roman";
font-size:+1.2em;
text-align:justify;
}


#logo {margin:0; margin-bottom:3px; font:normal 260%/1.2 "arial",sans-serif; letter-spacing:-1px; color:black;}
#logo span {font-weight:bold;}
#logo a {text-decoration:none; color: black;}
#slogan {margin:0;}


#content {
 width:100%; 
 padding:0px;
 }

#content h1 {margin:0; margin-bottom:10px; font-size:160%;}
#content h2, #content h3, #content h4 
{
padding: 60px 0 0 0; 
font-size:2.5em;
font:Frutiger;
font-style:normal;
}
/*#content h2 {border-bottom:1px solid black;}*/
#content h2, h3, h4, h5, h6 {}
#content h3, #content h4 {letter-spacing:0; font-size:120%;}


#footer {clear:both; padding:15px 0;text-align:center;}
#footer p {margin:0;}

/* COLOR */

body{
background:url('/welcome/static/theme1.jpg');
}

#icon{
background:url('/welcome/static/OldBook.gif');
position:relative;
margin: 0 0 0 0px;
}


#body_reading
{
background: #1C1C1C;
}
a {color: black; text-decoration: none}
a:hover {color: #FF5C1F; text-decoration: none;}


#header
{
}
#logo {border-bottom:1px solid #464646; color:#FFF;}
#logo a {color:black;}
#slogan {color:#B0B0B0;}

#cols {}
#cols_reading
{
background-color:#1C1C1C;
}




#footer {background:#A4A4A4; color:#BDBDBD;}
#footer  p {color:#424242;}
#footer a:hover {

/*text-decoration: underline;*/
}

#flash { width: 15%;margin: 0 auto; text-align: center; clear: both; border: 1px #000000; background-color: #848484; color: ;}